<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <!-- 套css -->
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/mdui@1.0.1/dist/css/mdui.min.css"
      integrity="sha384-cLRrMq39HOZdvE0j6yBojO4+1PrHfB7a9l5qLcmRm/fiWXYY+CndJPmyu5FV/9Tw"
      crossorigin="anonymous"
    />
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
    <title>MineCraft Sever Integration</title>
  </head>
  <body class="mdui-appbar-with-toolbar">
  <!-- 工具栏-->
  <div class="mdui-appbar mdui-appbar-fixed mdui-shadow-0 mdui-color-green-200">
   <div class="mdui-toolbar">
  <button class="mdui-btn mdui-btn-icon" mdui-drawer="{target: '#left-drawer'}"><i class="mdui-icon material-icons">menu</i></a></button>
 <span class="mdui-typo-title">MineCraft Sever|beta</span>
  <div class="mdui-toolbar-spacer"></div>
    </div>
   </div>
<body class="mdui-drawer-body-left mdui-drawer-body-right">
   <div class="mdui-container-fluid">
  <div class="mdui-drawer mdui-drawer-close" id="left-drawer">
  <ul class="mdui-list">
  <li class="mdui-list-item mdui-ripple">
  <!--侧滑内容(图片)-->
    <div class="mdui-list-item-avatar"><img src="http://chencyhyy.gitee.io/chan-gitee/pic/chan.jpg"/></div>
    <div class="mdui-list-item-content">站长：学生党小陈|Chan</div>
  </li>
  <a href=""><li class="mdui-list-item mdui-ripple">本站使用Gitee搭建</li></a>
 
  <li class="mdui-subheader">©学生党小陈2021-2022</li>
</ul>
</div>
</body>
<div class="mdui-container mdui-typo mdui-m-t-2">
<div class="mdui-card">
  <div class="mdui-card-media">
    <img src="https://pic3.zhimg.com/v2-44954a86ea7b72efdbe9ea00b7e28c44_b.jpg"/>
    <div class="mdui-card-media-covered">
      <div class="mdui-card-primary">
        <div class="mdui-card-primary-title">欢迎访问此网站|</div>
        <div class="mdui-card-primary-subtitle">网站正在维护</div>
      </div>
      <div class="mdui-card-actions">
        <button class="mdui-btn mdui-ripple mdui-ripple-white "mdui-dialog="{target: '#Dialog'}">本站公告|投稿</button>
    </div>
  </div>
  </div>
  </div>
  <!--1.17-->
  <ul class=" mdui-list">
  <li class="mdui-subheader">多版本适用</li>
  <li class="mdui-list-item mdui-list-item-active  mdui-ripple ">
    <div class="mdui-list-item-content">
      <div class="mdui-list-item-title ">AI比较服|无正版</div>
      <div class="mdui-list-item-text mdui-list-item-one-line"><span class="mdui-text-color-theme-text">www.2b2t.center</span>|爱比较</div>
    </div>
  </li>
  </ul>
  <!--1.16-->
  <ul class="mdui-list">
  <li class="mdui-subheader">1.16</li>

  </ul>
    <!--1.12-->
  <ul class="mdui-list">
  <li class="mdui-subheader">1.12</li>
	<!--列表-->
  </ul>
  <div>
  <div class="mdui-dialog" id="Dialog">
  <div class="mdui-dialog-title">公告与投稿</div>
  <div class="mdui-dialog-content">数据更新时间：7月8日投稿邮箱：3022535842@qq.com</div>
  <div class="mdui-dialog-actions">
    <a href="https://afdian.net/@changoyi" class="mdui-btn mdui-ripple" mdui-dialog-close>爱发电</a>
    <a href="https://hmcl.huangyuhui.net/" class="mdui-btn mdui-ripple" mdui-dialog-confirm>HMCL启动器</button>
  </div>
</div>
<script
      src="https://cdn.jsdelivr.net/npm/mdui@1.0.1/dist/js/mdui.min.js"
      integrity="sha384-gCMZcshYKOGRX9r6wbDrvF+TcCCswSHFucUzUPwka+Gr+uHgjlYvkABr95TCOz3A"
      crossorigin="anonymous"
    ></script>
